

<HTML>
<HEAD>
<TITLE>FIrst Test of Section 18.2 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">

#id1 {color: ActiveBorder}
#id2 {color: AppWorkspace}
#id3 {color: ButtonFace}
#id4 {color: ButtonShadow}
#id5 {color: CaptionText}
#id6 {color: Highlight}
#id7 {color: InactiveBorder}
#id8 {color: InactiveCaptionText}
#id9 {color: InfoText}
#ida {color: MenuText}
#idb {color: ThreeDDarkShadow}
#idc {color: ThreeDHighlight}
#idd {color: ThreeDShadow}
#ide {color: WindowFrame}
</STYLE>
</HEAD>




<BODY>
<h1 >
Testing FIrst Testable Statement of Sec 18.2 of CSS2 Specification
</h1>


<ul>
<li  >
1. In addition to being able to assign pre-defined color values to text,
CSS2 allows authors to specify colors in a manner that integrates them 
into the user's graphic environment.
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p ID=id1 >
If statement #1 above is passed, then
this system color should be ActiveBorder.
The rule applied is "#id1 {color: ActiveBorder}".
<p ID=id2>
This system color should be AppWorkSpace.
The rule applices is "#id2 {color: AppWorkSpace}".
<p ID=id3>
This system color should be ButtonFace.
The rule applied is "#id3 {color: ButtonFace}".
<p ID=id4>
This system color should be ButtonShadow.
The rule applied is "#id4 {color: ButtonShadow}".
<p ID=id5>
This system color should be CaptionText.
The rule applied is "#id5 {color: CaptionText}".
<p ID=id6>
This system color should be Highlight.
The rule applied is "#id6 {color: Highlight}".
<p ID=id7>
This system color should be InactiveBorder.
The rule applied is #id7 {color: InactiveBorder}".
<p ID=id8}
This systems color should be InactiveCaptionText.
The rule applied is "#id8 {color: InactiveCaptionText}".
<p ID=id9>
This system color should be InfoText.
The rule applied is "#id9 {color: InfoText}".
<p ID=ida>
This system color should be MenuText.
The rule applied is "#ida {color: MenuText}".
<p ID=idb>
This system color should be ThreeDDarkShadow.
The rule applied is "#idb {color: ThreeDDarkShadow}".
<p ID=idc>
This system color should be ThreeDHighlight.
The rule applied is "#idc {color: ThreeDHighlight}".
<p ID=idd>
This system color should be ThreeDShadow.
The rule applied is "#idd {color: ThreeDShadow}".
<p ID=ide>
This system color should be WindowFrame.
The rule applied is "#ide {color: WindowFrame}".
<p>
NOTE: CaptionText and ThreeDHighlight may not be visible above.
All other properties of this page should be UA-default.


</BODY>
</HTML>

